<%@page pageEncoding="utf-8" contentType="text/html; charset=utf-8" %>
<%@ include file="/m/include/init_mobile.jsp" %>
<%
	
%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<title><%= HOME_NAME %></title>
	<%@ include file="/m/include/cssnjs.jsp"  %>
	<link rel="stylesheet" href="/css/jquery.mobile-1.4.2.min.css"/>
	<script type="text/javascript">
	$(document).ready(function() {
		$('#header-nav li:nth-child(4)').addClass('on');
	});
	
	function fnFindPassword() {
		$.ajax({
			url: '/member/findPassword.do',
			type: "POST",
		    dataType: 'json',
		    data:$('#frm').serialize(),
		    error: function(data, status, err){
		    	cfShowModal(err);
		    },
			success: function(data){
				if (data.result) {
					cfShowModal("비밀번호를 입력하신 메일로 발송하였습니다.");
				} else {
					cfShowModal(data.message);	
				}
		    }
		});
		
		return false;
	}
	</script>
</head>
<body>
	<div id="wrap"> 
		<%@ include file="/m/include/header.jsp"  %>
		<div id="contents" class="ui-page-theme-a">
			<h2>비밀번호찾기</h2>
			<div id="login">
            	<form name="frm" id="frm" method="get" action="" onsubmit="return fnFindPassword()">
	        		<div class="ui-input-search ui-body-inherit ui-corner-all ui-input-has-clear">
		        		<input type="text" name="member_id" value="" placeholder="이메일"/>
		        	</div>
		        	<div class="ui-btn ui-input-btn ui-btn-active ui-corner-all ui-shadow">
						비밀번호찾기<input type="image" alt="비밀번호찾기" value="비밀번호찾기" />
					</div>
        		</form>
			</div>
		</div>
		<%@ include file="/m/include/footer.jsp"  %>			
	</div>

</body>

</html>









